var $ = jQuery; $(function () { let spacesSlider = document.querySelector('[data-spaces-slider]'); let sliderNavigation = document.querySelector('[data-slider-navigation]'); const sliderText = tns({ container: spacesSlider, items: 1, controls: false, navContainer: sliderNavigation, startIndex: 0, rewind: true, }); sliderText.events.on('indexChanged',function(event){ Array.from(document.querySelectorAll('[data-slider-sync]')).forEach(text => { text.hidden = true; }); const selector = `[data-slider-sync="${event.index}"]` document.querySelector(selector).hidden = false; }); });